html,body,div,
form,object,iframe,p,table,th,td,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
button,input,span,em,s,textarea,b,u,a,img,select,header,footer,nav,menu,article,aside,main,section,time{ margin:0; padding:0}
input,select,label,img{ vertical-align:middle}
img{border:none}
s,u{text-decoration:none}
em,i{font-style:normal}
ul,li{ list-style:none}
table{ border-collapse:collapse;border-spacing:0}
span.clear{ display: block; clear: both; height: 0px; overflow: hidden;}
.clear{zoom:1}
.clear:after{ clear:both; overflow:hidden;zoom:1; height:0px;  font-size:0; line-height:0;content:".";display:block;}
.clear-l{ clear: left;}
.none{ display:none}
.block{ display:block}
.fn-left{ float: left;}
.fn-right{float: right;}

input::-ms-clear{display: none;}
input[type=checkbox],input[type=radio]{border:1px solid rgba(221, 221, 221,1);
    -webkit-appearance: none;
    display: inline-block;
    width: 14px;
    height: 14px; outline: none;vertical-align: middle; background: #fff; margin-top: 0px;}
input[type=radio]{ border-radius: 50%; margin-right: 6px; position: relative; border:1px solid #3493fd; border/*\**/: none\9;}
input[type=radio]:after{ width: 4px; height: 4px; background:#3493fd; content: ""; position: absolute; left: 50%; top: 50%; margin: -2px 0 0 -2px; display: none;border-radius: 50%;}
input[type=radio]:checked{border-color: #3493fd;outline: none;}
input[type=radio]:checked:after{ display: block;}
input[type=checkbox]{margin-right: 6px;}
input[type=checkbox]:checked{ background:url(../images/checked.png) no-repeat; border-color: #3493fd !important;outline: none;}


a{ color:#333;text-decoration:none}
a:hover{color: #3e95ff; text-decoration:underline}

body{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif; font-size:14px;color:#333; line-height:normal;}
button,select,input,textarea{font-family:\5FAE\8F6F\96C5\9ED1,\5B8B\4F53, Arial, Helvetica, sans-serif;}
input:focus,button:focus{ outline: none;}

.placeholder_wrap{ position: relative; display:inline-block}
.placeholder_tip{position:absolute; color:#c8c8c8; top:0px; left:0px; width:100%; height:100%; font-size:14px; overflow: hidden;}
.placeholder_tip em{ position: absolute; height:30px; line-height: 30px; top: 50%; margin-top: -15px; left: 10px;}
.placeholder_wrap_textarea .placeholder_tip em { top: 5px; left:5px; margin-top: 0px; height: auto; line-height: normal;}
.placeholder_wrap_left{ float: left;}
.placeholder_wrap_right{ float: right;}
.placeholder_wrap_none{ float: none;}


.select{ position: relative;}
.select .up-trigger{ border: 1px solid #c0cad2; position: relative; cursor: pointer;}
.select .up-text{ text-indent: 10px;}
.select .up-icon-down{ position: absolute; top: 50%; margin-top: -5px; right: 5px; border-top: 8px solid #ccc; border-right: 5px solid transparent; border-left: 5px solid transparent;}
.select ul{ display: none; position: absolute; width: 100%; border: 1px solid #ccc; background-color: #fff; z-index: 100;}
.select li{ line-height: 30px; text-indent: 10px; cursor: pointer;}
.select li:hover{ background-color: #2e8ded; color: #fff;}
.select li.on{ background-color: #2e8ded; color: #fff;}

/*背景色*/
.page-bg-blue{background: #3e95ff; color: #fff;}
.page-bg-white{background: #fff;}
.page-bg-grey{background: #eff1f2;}
.page-bg-green-light {background: #f3f8fb;}

/*模块边框*/
.page-border-grey{ border: 1px solid #e6e6e6; }

/*input style*/
.page-input{ border:1px solid #c0cad2; height: 36px; padding-left: 10px; line-height: 36px;}
.page-input:focus{
    border: 1px solid #2b93ed;
    -webkit-box-shadow: 0 0 1px #2b93ed;
    -moz-box-shadow: 0 0 1px #2b93ed;
    box-shadow: 0 0 1px #2b93ed;
}
.page-input-small{ height: 26px; line-height: 26px;}
.page-input-big{ height: 46px; font-size: 14px; line-height: 46px;}
.page-input-keyboard{ background: url(../images/keyboard-icon.gif) no-repeat 95% center; padding-right: 40px;}
.page-input-calendar{ background: url(../images/calendar.png) no-repeat 94% center; padding-right: 40px;}
.page-input-percent{background: url(../images/percent.png) no-repeat 94% center; padding-right: 40px;}

/*button style*/
.page-button{overflow: visible; height: 38px;  font-size: 14px; padding: 0 10px; cursor: pointer; text-decoration: none; border-radius: 4px;}
.page-button:hover{ opacity: 0.8;}
.page-button-file:hover{ opacity: 0.8;}
.page-button-shadow{ box-shadow: 0 1px 3px rgba(0,0,0,0.3)}
.page-button-radius{ border-radius: 3px;}
a.page-button{line-height: 38px; display: inline-block; outline: none;}
a.page-button:hover{text-decoration: none;}
.page-button-min{ height: 30px; line-height: 30px; font-size: 14px;}
.page-button-big{ height: 48px; font-size: 18px; padding: 0 20px;}
a.page-button-big{ line-height: 48px;}
.page-button-small{ height:24px;padding: 0 10px; font-size: 12px;}
a.page-button-small{ line-height: 24px;}
.page-button-main{ background:#3a90f8; border:1px solid #2880eb; color: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
.page-button-red{ background: #ff665d; border:1px solid #f31211; color: #fff;}
.page-button-blue{ background: #3b91fa; border:none; color: #fff;}
.page-button-blue-o{ background: #fff; border:1px solid #3b91fa; color: #3b91fa;}
.page-button-blue-o:hover{ opacity: 1; background-color: #3b91fa; color: #fff;}
.page-button-blue-wb{ background: #3b91fa; border:1px solid #b2d5ff; color: #fff;}
.page-button-gray{ background: #f4f7f9; border:1px solid #c0cad2; color: #666}
.page-button-gray2{ background: #edf0f2 -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#e8ebec)); border:1px solid #c0cad2; color: #666666;}
.page-button-orange{background: #fba552; color: #fff; border:#e19852 solid 1px;}
.page-button-white-orange{background: #fff; color: #fba552; border:#fff solid 1px;}
.page-button-file{ position: relative; width: 84px; height: 32px; border-radius: 4px; background-color: #3b91fa; color: #fff; border: none; overflow: hidden; cursor: pointer;}
.page-button-file input{ position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.page-button-file.up-diable{ opacity: 1; background-color: #b0bac1; cursor: default;}
.page-button-file.up-diable input{ opacity: 1; display: none; cursor: default; }
.page-button-link{ border: none; background-color: transparent; color: #2880eb; cursor: pointer;}
.page-button-white-o{ background: transparent; color: #fff; border:1px solid #fff;}

.page-button-disabled{ background: #f4f7f9;border:1px solid #c0cad2; color: #999; font-size: 14px; box-shadow: none; cursor: pointer;}


/*select*/
.page-select{ border: 1px solid #c0cad2; padding: 7px;}

/*text align*/
.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}
.fn-font-16{ font-size: 16px}
.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-24{ font-size: 24px;}
.fn-font-30{ font-size: 30px;}
.fn-font-40{ font-size: 40px;}
.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}
.fn-font-bold{ font-weight: bold;}
.fn-font-nobold{ font-weight: normal;}

.fn-color-gray{ color: #d4d6d8}
.fn-color-9{ color: #999}
.fn-color-6{ color: #666}
.fn-color-3{ color: #333;}
.fn-color-orange{ color: #ff8f28}
.fn-color-red{color: #ff635a;}
.fn-color-y{ color: #FBA652;}
.fn-color-green{ color: #0fbd4e;}
.fn-color-blue{ color: #3b91fa;}
.fn-color-white{ color: #fff;}

.of-h{ overflow: hidden;}

.position-r{ position: relative;}

.text-decoration{text-decoration: underline;}

.hr{ display: block; width: 100%; height: 1px; background-color: #eff1f2;}
.hr{ display: block; width: 100%; height: 1px; background-color: #eff1f2;}

.display-i{ display: inline !important;}
.display-b{ display: block !important;}
.display-n{ display: none;}
.display-ib{ display: inline-block !important;}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd20{padding: 20px;}
.pd30{padding: 30px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}
.mg-center{margin: 0 auto;}

.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}

.mg-l-70{margin-left: 70px}
.mg-r-70{margin-right: 70px}
.mg-t-70{margin-top: 70px}
.mg-b-70{margin-bottom: 70px}

.mg-l-90{margin-left: 90px}
.mg-r-90{margin-right: 90px}
.mg-t-90{margin-top: 90px}
.mg-b-90{margin-bottom: 90px}

/*width*/
.w60{width: 60px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w386{width: 386px;}
.w780{width:780px;}
input.w160{width:148px;}
input.w300{width:288px;}

/*height*/
.h80{height: 80px;}

/*border*/
